// 登录业务

const btnLogin = document.querySelector('#btn-login')
btnLogin.addEventListener('click',async function(){
    // 表单快速收集元素
    const form = document.querySelector('.login-form')
    const data= new  serialize(form,{hash:true,empty:true})
    // 解构表单
    const {username,password} =data
    // 判断用户名和密码
    
    // 如果用户名或密码不合法，不提交到服务器
    if(username.length < 8 ||username.length >30){
        return showToast('请输入8-30位之间的用户名')
    }

    if(password.length < 6 || password.length >30){
        return showToast('请输入6-30位之间的密码')
    }

    // 向服务器获取数据
    // 登录时可能会出错误，使用try{} catch(){} 捕获错误 ，并将错误信息返回到页面
    try{
        const {message,data:{token}}= await axios({
            url:'/login',
            method:'post',
            data:data
            
        })
        console.log(data)
        // 登录时，如果用户名密码没有错误，就将用户名存储到本地仓库
        localStorage.setItem('user',username)
        // 将登陆成功时服务器返回的token存储到本地仓库中，方便后面使用
        localStorage.setItem('token',token)
        

        // 没有错误时，延迟1.5秒返回首页
        showToast(message)
        setTimeout(() => {
            location.href='index.html'
        }, 1500);
    }
    catch(err){
        // 使用console.dir 查看后端返回的错误信息
        console.dir(err)
        showToast(err.response.data.message)
    }
   

})